<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>贵州文化历史网</title>
  <meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" />
  <meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="__static__/home/css/base.css" rel="stylesheet">
  <link href="__static__/home/css/about.css" rel="stylesheet">
  <link href="__static__/home/css/m.css" rel="stylesheet">
  <link  rel="stylesheet" href="__static__/pinglun/css/main.css" />
  <link rel="stylesheet" type="text/css" href="__static__/pinglun/css/sinaFaceAndEffec.css" />
  <script type="text/javascript" src="__static__/pinglun/js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="__static__/index/layui/layui.all.js"></script>
  <script>
    window.onload = function ()
    {
      var oH2 = document.getElementsByTagName("h2")[0];
      var oUl = document.getElementsByTagName("ul")[0];
      oH2.onclick = function ()
      {
        var style = oUl.style;
        style.display = style.display == "block" ? "none" : "block";
        oH2.className = style.display == "block" ? "open" : ""
      }
    }
  </script>
  <style >
    .ping{
    }
  </style>
</head>
<body>
<header>
  {include file="./public/top"}
</header>
<article>
  <h2 class="litle"><span>我学习了一生，现在我还在学习，而将来，只要我还有精力，我还要学习下去。</span></h2>
  <h3 style="padding: 5px;">{$Request.session.username} 的个人中心</h3>
  <div class="ab_box">
    <div class="leftbox">
      <div class="newsview" style="font-family: '新宋体'">
        <div class="news_infos" style="font-size: 17px;">
          <span style="text-indent:2em;"></span>

          <span>呢称：{$user.name} </span><br/>
          <span>手机号：{$user.phone} </span>

          <span style="margin-left: 60%;font-size: 14px;"><button onclick="user_edit()" style="border: none;background-color: transparent;outline: none; ">修改信息</button></span><br/>
          <a href='{:url("index/admin/logout")}' style="font-size: 12px;margin-left: 86%;">退出登录</a>
        </div>
        <div class="art_user" style="margin-top: 10px;">


          <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
            <legend>文章评论查看</legend>
          </fieldset>
          <div class="layui-collapse" lay-accordion="">
            {volist name='article_message' id='article_message'}
            <div class="layui-colla-item">
              <h2 class="layui-colla-title">{$article_message.title}
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                作者：{$article_message.author}</h2>
              {volist name='article_message.messages' id='mess' key='k'}
              <div class="layui-colla-content">
                <p>{$k}.&nbsp;{$mess.content}</p><span style="margin-top: 10px;">评论时间：{$mess.create_time}</span>
              </div>
              {/volist}
            </div>
            {/volist}
          </div>

          <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
            <legend>官网留言查看</legend>
          </fieldset>
          <div class="layui-collapse" lay-accordion="">
            <div class="layui-colla-item">
              <h2 class="layui-colla-title">点击查看留言和评论</h2>
              {volist name='user_mess' id='user_mess' key='k'}
              <div class="layui-colla-content">
                <p>{$k}.&nbsp;{$user_mess.content}</p><p>回复内容：{$user_mess.reply}</p><span style="margin-top: 10px;">评论时间：{$user_mess.create_time}</span>
              </div>
              {/volist}
            </div>
          </div>



        </div>
      </div>
    </div>
    <div class="rightbox">
      <div class="aboutme">
        <h2 class="hometitle">关于我</h2>
        <div class="avatar"> <img src="__static__/home/images/b04.jpg"> </div>
        <div class="ab_con">
          <p>网名：dancesmile | 兰艳</p>
          <p>职业：Web前端设计师、网页设计 </p>
          <p>个人微信：yangqq_1987</p>
          <p>邮箱：dancesmiling@qq.com</p>

        </div>
      </div>
      <div class="weixin">
        <h2 class="hometitle">官方微信</h2>
        <ul>
          <img src="__static__/home/images/wx.jpg">
        </ul>
      </div>
    </div>
  </div>
</article>
<script type="text/javascript" src="__static__/pinglun/js/main.js"></script>
<script type="text/javascript" src="__static__/pinglun/js/sinaFaceAndEffec.js"></script>

<script>
  layui.use(['element', 'layer'], function(){
    var element = layui.element;
    var layer = layui.layer;

    //监听折叠
    element.on('collapse(test)', function(data){
      layer.msg('展开状态：'+ data.show);
    });
  });
</script>

<script type="text/javascript">

  function user_edit(){
    window.location.href = "{:url('index/user/edit', array('id' => $Request.session.userid))}"
  }

  // 绑定表情
  $('.face-icon').SinaEmotion($('.text'));
  // 测试本地解析
  function out() {
    var inputText = $('.text').val();
    $('#info-show ul').append(reply(AnalyticEmotion(inputText)));
  }

  var html;
  function reply(content){
    html  = '<li>';
    html += '<div class="head-face">';
    html += '<img src="__static__/pinglun/images/1.jpg" / >';
    html += '</div>';
    html += '<div class="reply-cont">';
    html += '<p class="username">小小红色飞机</p>';
    html += '<p class="comment-body">'+content+'</p>';
    html += '<p class="comment-footer">2016年10月5日　回复　点赞54　转发12</p>';
    html += '</div>';
    html += '</li>';
    return html;
  }
</script>
</body>
</html>
